<template>
	<view>
		<view class="" style="background-color:#05052B;height: 300upx;position: relative;color: #fff;">
			<view style="position: absolute;bottom: 100upx;left: 75upx;">
				<view>
					当前积分
				</view>
				<view style="display: flex;justify-content: space-between;width: 650upx;">
					<text style="font-size: 50upx;margin-top: -20upx 0upx 30upx;">111182</text>
					<text style="text-decoration: underline;font-size: 24upx;color: #AEAEB0;">参加任务获得更多积分</text>
				</view>
			</view>
			<view class="" style="border-radius: 10upx; background-color:#fff;height: 170upx;position: absolute;width: 90%;bottom: -75upx;left: 37upx;display: flex;justify-content: space-around;">
					<view class="" style="display: flex;flex-direction: column;margin-top: 10upx;">
						<image style="width: 100upx;height: 100upx;" src="../../../static/18.png" mode=""></image>
						<text style="color: #000000;">积分详情</text>
					</view>
					<view class="" style="display: flex;flex-direction: column;margin-top: 10upx;">
						<image style="width: 100upx;height: 100upx;" src="../../../static/05.png" mode=""></image>
						<text style="color: #000000;">兑换记录</text>
					</view>
					<view class="" style="display: flex;flex-direction: column;margin-top: 10upx;">
						<image style="width: 100upx;height: 100upx;" src="../../../static/19.png" mode=""></image>
						<text style="color: #000000;">每日签到</text>
					</view>
			</view>
		</view>
		<view class="" style="border-radius: 10upx; background-color:#fff;height: 240upx;margin-top: 100upx;width: 90%;margin-left: 37upx;">
			<view class="order-section" style="display: flex;justify-content: space-between;margin-bottom: -40upx;padding:30upx 20upx 0upx;height: 100upx;">
			<view class=""  style="font-size: 40upx;font-weight: 550;">
				我的订单
			</view>
			<view style="font-size: 24upx;color: #908F8D;font-weight: 550;line-height: 70upx;" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover"  :hover-stay-time="50">
				全部 >
			</view>
			</view>
			<view class="order-section" style="margin-top: 40upx;color:#000;display: flex;justify-content: space-around;">
				<!-- <view class="order-item" @click="navTo('/pages/order/order?state=0')" hover-class="common-hover"  :hover-stay-time="50">
					<text class="yticon icon-shouye"></text>
					<text>全部订单</text>
				</view> -->
				<view class="order-item" @click="navTo('/pages/order/order?state=1')" hover-class="common-hover"  :hover-stay-time="50">
					<image style="display: block; width: 70upx;height: 70upx;" src="../../../static/daifahuo.png" mode=""></image>
					<text>待发货</text>
				</view>
				<view class="order-item" @click="navTo('/pages/order/order?state=2')"  hover-class="common-hover" :hover-stay-time="50">
					<image style="display: block; width: 70upx;height: 70upx;" src="../../../static/daifukuan.png" mode=""></image>
					<text>待付款</text>
				</view>
				<view class="order-item" @click="navTo('/pages/order/order?state=3')" hover-class="common-hover"  :hover-stay-time="50">
					<image style="display: block; width: 70upx;height: 70upx;" src="../../../static/daishouhuo.png" mode=""></image>
					<text>待收货</text>
				</view>
				<view class="order-item" @click="navTo('/pages/order/order?state=4')" hover-class="common-hover"  :hover-stay-time="50">
					<image style="display: block; width: 70upx;height: 70upx;" src="../../../static/daipingjia.png" mode=""></image>
					<text>待评价</text>
				</view>
				<view class="order-item" @click="navTo('/pages/order/order?state=5')" hover-class="common-hover"  :hover-stay-time="50">
					<image style="display: block; width: 70upx;height: 70upx;" src="../../../static/shouhou.png" mode=""></image>
					<text>已取消</text>
				</view>
			</view>
		</view>
		<view class="" style="text-align: center;">
			<view style="font-size: 45upx;margin-bottom: -20upx;margin-top: 10upx;">积分商品</view>
			<view class="" style="display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;padding: 20upx 10upx;">
				<view class="" style="display: flex;flex-direction: column;width: 360upx;background-color: #F5F5F5;margin-top: 20upx;">
					<image style="width: 360upx;height: 360upx;" src="../../../static/01.png" mode=""></image>
					<view class="" style="width: 250upx;margin: 20upx auto 0upx;">
						<text>肌密还原液套餐</text>
						<text>1500积分+</text>
						<text>38元</text>
					</view>
					<view class="" style="background-color:#05052B;color: #fff;width: 200upx;margin: 10upx auto 50upx;border-radius: 20upx;">
						即刻兑换
					</view>
				</view>
				<view class="" style="display: flex;flex-direction: column;width: 360upx;background-color: #F5F5F5;margin-top: 20upx;">
					<image style="width: 360upx;height: 360upx;" src="../../../static/01.png" mode=""></image>
					<view class="" style="width: 250upx;margin: 20upx auto 0upx;">
						<text>肌密还原液套餐</text>
						<text>1500积分+</text>
						<text>38元</text>
					</view>
					<view class="" style="background-color:#05052B;color: #fff;width: 200upx;margin: 10upx auto 50upx;border-radius: 20upx;">
						即刻兑换
					</view>
				</view>
				<view class="" style="display: flex;flex-direction: column;width: 360upx;background-color: #F5F5F5;margin-top: 20upx;">
					<image style="width: 360upx;height: 360upx;" src="../../../static/01.png" mode=""></image>
					<view class="" style="width: 250upx;margin: 20upx auto 0upx;">
						<text>肌密还原液套餐</text>
						<text>1500积分+</text>
						<text>38元</text>
					</view>
					<view class="" style="background-color:#05052B;color: #fff;width: 200upx;margin: 10upx auto 50upx;border-radius: 20upx;">
						即刻兑换
					</view>
				</view>
				
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user_id:'',
				res:[],
			}
		},
		onLoad() {
			uni.getStorage({
			        key: 'user_id',
			        success: (res) => {
			         this.user_id = res.data
			         this.setAjax()
			        },
			       });
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
